<template>
  <a-comment
    :actions="actions"
    :author="author"
    :avatar="avatar"
    :content="content"
    :datetime="datetime"
  >
    <slot />
    <template v-if="$slots.actions" #actions>
      <slot name="actions" />
    </template>
    <template v-if="$slots.author" #author>
      <slot name="author" />
    </template>
    <template v-if="$slots.avatar" #avatar>
      <slot name="avatar" />
    </template>
    <template v-if="$slots.content" #content>
      <slot name="content" />
    </template>
    <template v-if="$slots.datetime" #datetime>
      <slot name="datetime" />
    </template>
  </a-comment>
</template>

<script>
import { Comment } from 'ant-design-vue'

import { defineComponent } from 'vue'
export default defineComponent({
  name: 'ZComment',
  components: {
    AComment: Comment
  },
  props: {
    actions: {
      type: Array,
      default: undefined
    },
    author: {
      type: String,
      default: undefined
    },
    avatar: {
      type: String,
      default: undefined
    },
    content: {
      type: String,
      default: undefined
    },
    datetime: {
      type: String,
      default: undefined
    }
  }
})
</script>
